﻿

.datetimePicker{}
/* BLOCK MENU LEFT */
.block h2 {color:#c8ab89;padding:5px 15px;background:#1a1a1a;font-size:20px;border-left:2px solid #fff;}
.block ul {padding:10px 0;}
.block ul li {padding:5px 15px;color:#da9751;display:block;cursor:pointer;}
.block ul li .fa {font-size:14px;display:inline-block;text-align:right;margin-right:10px;}

.block ul li .managerOption li{color: #c8ab89; cursor: pointer; cursor: hand; }
.block ul li .managerOption li.current {text-decoration:underline;}
.block ul li .managerOption li:hover {text-decoration:underline;}
/* Content Right */
.backgroundContentRight{background:url('../Images/bg_header.png') repeat;}                     
/* student*/
#StaffViewStudent{background:url('../Images/bg_header.png') repeat;padding: 0 0 20px 0;} 
#StaffViewStudent h4{color:#c8ab89;font-size:20px;background:#1a1a1a;padding:5px 15px;margin-bottom: 20px;}
#txtSeachStudent{margin: 25px 0 10px 125px;
                     background: #fff;border: 1px solid #e2e2e2;
                     padding: 6px 5px;font-size: 13px!important;
                     font-family: 'Muli',sans-serif;
                     width: 25%;
                     border-radius: 3px;}
#btnSeachStudent{margin:14px 0 0 10px;
                     width: 95px;height: 32px;font-size: 15px;                     
                     background-position-y: 481px;
                     background-position-x: 0px;
                     border-radius: 5px;
                     padding: 5px 10px 5px 25px;
                     background-repeat: repeat-y;
                     color:Black;
                     }
#grvStudents {Width:670px;Height:auto;margin: 20px 10px 20px 10px;}      
.mGrid { background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url('../Images/grdCompetition_head.png') repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(../Images/grdCompetition_alt.png) repeat-x top; }
.mGrid .pgr {background: #424242 url(../Images/grdCompetition_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }                     
/* competition */     
    /*view compeition*/  
#StaffViewCompetition{background:url('../Images/bg_header.png') repeat;padding: 0 0 20px 0;} 
#StaffViewCompetition h4{color:#c8ab89;font-size:20px;background:#1a1a1a;padding:5px 15px;margin-bottom: 20px;}
#txtSearchViewCompetition{margin: 25px 0 10px 125px;
                     background: #fff;border: 1px solid #e2e2e2;
                     padding: 6px 5px;font-size: 13px!important;
                     font-family: 'Muli',sans-serif;
                     width: 25%;
                     border-radius: 3px;}
#btnSearchViewCompetition{margin:14px 0 0 10px;
                     width: 95px;height: 32px;font-size: 15px;                     
                     background-position-y: 481px;
                     background-position-x: 0px;
                     border-radius: 5px;
                     padding: 5px 10px 5px 25px;
                     background-repeat: repeat-y;
                     color:Black;
                     }  
.btnchanged{margin:0 0 0 563px;
                     font-size: 15px;                     
                     border-radius: 5px;
                     padding: 5px 30px;                     
                     color:Black;
                     background:white;
                     }                            
#grvViewCompetition {Width:670px;Height:auto;margin: 20px 10px 20px 10px;}                     
        /*update compeition*/        
#StaffUpdateCompetition{background:url('../Images/bg_header.png') repeat;padding: 0 0 20px 0;} 
#StaffUpdateCompetition h4{color:#c8ab89;font-size:20px;background:#1a1a1a;padding:5px 15px;margin-bottom: 20px;}
.tableUpdateDesign{width:693px;background:url('../Images/bg_header.png') repeat;}
.tableUpdateDesign input {background: #fff;
                    border: 1px solid #e2e2e2;
                    padding: 6px 5px;
                    font-size: 13px!important;
                    font-family: 'Muli',sans-serif;
                    width: 38%;
                    margin-bottom: 10px;
                    border-radius: 3px;}
.tableUpdateDesign span{padding:0 0 0 0px;}
.tableUpdateDesign td{padding: 20px 10px 10px 40px;color:White;}
.tableUpdateDesign .tdlist{width: 150px;color:White;}                    
#txtSearchUpdateCompetition{margin: 25px 0 10px 125px;
                     background: #fff;border: 1px solid #e2e2e2;
                     padding: 6px 5px;font-size: 13px!important;
                     font-family: 'Muli',sans-serif;
                     width: 25%;
                     border-radius: 3px;}
#btnSearchUpdateCompetition{margin:14px 0 0 10px;
                     width: 95px;height: 32px;font-size: 15px;                     
                     background-position-y: 481px;
                     background-position-x: 0px;
                     border-radius: 5px;
                     padding: 5px 10px 5px 25px;
                     background-repeat: repeat-y;
                     color:Black;
                     }       
#grvUpdateCompetition {Width:670px;Height:auto;margin: 20px 10px 20px 10px;}     
#txtDescriptionUpdateCompetition{background: #fff;
                            border: 1px solid #e2e2e2;
                            padding: 20px 5px;
                            font-size: 13px!important;
                            font-family: 'Muli',sans-serif;
                            width: 70%;
                            border-radius: 3px;
                            color:Black;}      
                                      
/* design */                                   
#StaffViewDeign{background:url('../Images/bg_header.png') repeat;padding: 0 0 20px 0;} 
#StaffViewDeign h4{color:#c8ab89;font-size:20px;background:#1a1a1a;padding:5px 15px;margin-bottom: 20px;}
#SelectCompetion{color:White;font-size:16px;margin:0 0 10px 135px;}
#listCompetition{background: #fff;
            border: 1px solid #e2e2e2;
            padding: 6px 5px;
            font-size: 13px!important;
            font-family: 'Muli',sans-serif;
            width: 35%;
            margin: 0 0 10px 20px ;
            border-radius: 3px;
            }                 
#grvMarkDesign {Width:670px;Height:auto;margin: 20px 10px 20px 10px;}     
.tableMarkDesign{width:693px;background:url('../Images/bg_header.png') repeat;}
.tableMarkDesign span{padding:0 0 0 0px;}
.tableMarkDesign td{padding: 20px 10px 10px 15px;color:White;}
.tableMarkDesign input{}
.tableMarkDesign .tdlist{width: 150px;color:White;}
.imgDesign{width: 670px;color:White;height:200px;}
#txtMarkDesign{
            background: #fff;
            border: 1px solid #e2e2e2;
            padding: 6px 5px;
            font-size: 13px!important;
            font-family: 'Muli',sans-serif;
            width: 25%;
            border-radius: 3px;
            }
#txtShowDescriptionDesgin{background: #fff;
                            border: 1px solid #e2e2e2;
                            padding: 20px 5px;
                            font-size: 13px!important;
                            font-family: 'Muli',sans-serif;
                            width: 89%;
                            border-radius: 3px;
                            color:Black;}
#btnViewAllCompetition{margin: 15px 0px 0px 0px;padding: 7px 5px;}
